<!DOCTYPE html>
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="author" content="Chomo" />
  <title>div仿框架布局 - iframe无法适应高度的bug也一起被修复了</title>
  <link rel="stylesheet" href="../css/basic.css" type="text/css" />
  <style type="text/css">
   html , body {height:100%; overflow:hidden; background:#fff;}
   .top { position:absolute; left:0px; top:0px; right:0px; height:80px;}
   .side { position:absolute; left:0px; top:80px; bottom:70px; width:200px; overflow:auto;}
   .main { position:absolute; left:200px; top:80px; bottom:70px; right:0px; overflow:auto;}
   .bottom {/* position:absolute; left:10px; bottom:10px; right:10px; height:50px;*/ display:none;}
   .main iframe { width:100%; height:100%;}
   /*---ie6---*/
   html { *padding-top:80px;}
   .top { *height:80px; *margin-top:-80px; *margin-bottom:0px; *position:relative; *top:0; *right:0; *bottom:0; *left:0; background:#9C3;}
   .side { *height:100%; *float:left; *width:200px; *position:relative; *top:0; *right:0; *bottom:0; *left:0; background:#099;}
   .main { *height:100%; *margin-left:210px; _margin-left:207px; *position:relative; *top:0; *right:0; *bottom:0; *left:0;}
   .bottom {/* *height:50px; *margin-top:10px; *position:relative; *top:0; *right:0; *bottom:0; *left:0; background:#F96;*/}
  </style>
 </head>
 <body>
  <div class="top">看，亲爱的，iframe无法适应高度的bug也一起被修复了。不过这个修复也可以想想其他的办法：）办法就在本文中，有兴趣的朋友可以自己摸索。</div>
  <div class="side">
   <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
   <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
   <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
   <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
   <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
   <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
   <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
   <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
   <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />sdfasf
  </div>
  <div class="main">
   <iframe frameborder="0" src="http://www.g.cn/"></iframe>
  </div>
  <div class="bottom"></div>
 </body>
</html>